.card-type {
  width: 100%;
  height: calc(100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;

  .card-type-inside {
    text-align: center;
    width: 100%;
    background: rgba(234, 240, 240, 0.7);
    border-radius: 30px 30px 0 0;
    height: calc(100%);
    padding: 28px 30px;
    box-sizing: border-box;
    overflow: hidden;

    .header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 0 60px 28px 60px;
      box-sizing: border-box;

      .item {
        align-self: center;
      }

      .middle {
        padding: 0 40px;
        font-size: 52px;
        box-sizing: border-box;
        font-weight: 580;
        line-height: 1.38;
      }

      .left, .right {
        box-sizing: border-box;

        img {
          height: 60px;
          object-fit: cover;
        }
      }
    }

    .patient-number-area {
      height: calc(100% - 80px);
      background: rgba(255, 255, 255, 1);
      background: #FFFFFF;
      padding: 60px 70px 10px 70px;
      box-sizing: border-box;
      border-radius: 40px 40px 0 0;
      overflow: hidden;

      .el-col {
        height: 100%;
        background: rgba(19, 206, 102, 0);
      }

      .form-code {

        display: flex;
        flex-direction: column;

        .el-form-item {
          margin-bottom: 60px;
          box-sizing: border-box;

          &:last-child {
            margin-bottom: 0;
          }

          :deep(.el-form-item__label) {
            width: 100%;
            font-size: 44px;
            color: #333333;
            line-height: 1.4;
            text-align: left;
            padding-bottom: 20px;
            box-sizing: border-box;
          }

          :deep(.el-form-item__content) {
            width: 100%;
            height: 120px;
            background: #FFFFFF;
            border-radius: 12px;
            overflow: hidden;
            border: 4px solid #D1D0D7;

            .el-input {
              height: 100%;
              border: none;
            }

            .el-input__inner {
              height: 100%;
              font-size: 50px;
              color: #333333;
              border: none;
              @include fontWeight();

              &:focus {
                border-color: transparent;
                outline: 0;
              }

              &:hover {
                border-color: transparent;
                outline: 0;
              }
            }
          }
        }
      }

      .icon-info{
        display: flex;
        flex-direction: column;
        align-self: flex-end;
        justify-content: flex-end;
        img{
          position: relative;
          bottom: 20px;
          width: 100%;
          object-fit: contain;
        }
      }
    }
  }
}


